<section class="as-reset-pwd-section">
  <h1 class="mb-0 text-center fs-2">{{ 'customer.reset_password.title' | t }}</h1>
  <form action="{%- render 'account-api-host' -%}/auth/pwd/reset" method="post" class="as-reset-pwd-form mt-5" novalidate autocomplete="off">
    
    {% render 'account-form-error' %}

    {% render 'account-email-password-input', type: 'reset' %}

    <visible-control class="position-relative form-pristine d-block mt-3">
      <div class="is-invalid position-relative">
        <input data-name="confirm_password" type="password" class="form-control input-pristine as-visible-input pe-7" id="confirmPassword" placeholder="{{ 'customer.form.enter' | t }}{{ 'customer.reset_password.password_confirm' | t }}" required
          data-pristine-equals="#setPassword" data-pristine-required-message="{{ 'customer.reset_password.password_confirm' | t | capitalize }} {{ 'customer.error.empty_error' | t }}" data-pristine-equals-message="{{ 'customer.reset_password.confirm_password_error' | t }}">
        <div class="as-visible-control visible-control content-invisible input-btn-overlay-end cursor-pointer gray-400">
          <div class="icon-eye-off">
            {% render 'icon-eye-off' %}
          </div>
          <div class="icon-eye">
            {% render 'icon-eye' %}
          </div>
        </div>
      </div>
      <label for="confirmPassword" class="d-none">{{ 'customer.reset_password.password_confirm' | t }}</label>
    </visible-control>

    <div class="as-code-error d-none">{{ 'customer.verify.code_invalid' | t }}</div>
    <div class="as-not-register-error d-none">{{ 'customer.error.account_not_exist_error' | t }}</div>
    <div class="as-frequent-error d-none">{{ 'customer.error.too_many_requests' | t }}</div>
    <div class="as-other-error d-none">{{ 'customer.error.other_error' | t }}</div>

    <button type="submit" class="as-submit btn btn-primary as-hidden-tip w-100 mt-4">{{ 'customer.reset_password.submit' | t }}</button>
  </form>

  <div class="mt-3 small gray-600 text-center">
    {{ 'customer.reset_password.back_to_login_html' | t }}
  </div>

  {% render 'account-send-code-form', type: 'reset' %}

</section>